/* Teledirect.com.sg */


/* GLOBAL OBJECTS | Start */


.height_475px {
height:475px;
}


#showcase {
width:961px; height:317px;
/* background:url(../images/bg/loading.gif) center no-repeat; */
}

#showcase a {
text-decoration:none;
color:white;
}

#showcase a:hover {
color:#fff0f2;
}

#showcase a:active {
color:#ffeb40;
}


#showcase #canvas {
position: absolute;
z-index: 10;
width:961px; height:317px;
overflow: hidden;
background:#63a99a;
}


#cloud_big {
width:31000px; height:307px;
position:absolute;
background:url(../images/showcase/cloud_big.png) repeat-x;
}

#cloud_medium {
width:27260px; height:309px;
position:absolute;
background:url(../images/showcase/cloud_medium.png) repeat-x;
}

#cloud_small {
width:19340px; height:89px;
position:absolute;
background:url(../images/showcase/cloud_small.png) repeat-x;
}

.cloud_solutions {
top:1px;
}

.cloud_career {
top:145px;
}

.cloud_contact {
top:95px;
}


.cloud_diff {
top:118px;
}

.cloud_news {
top:170px;
}

.cloud_about {
top:160px;
}


.singlebox1_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
}
.singlebox2_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
left:483px;
}

.singlebox3_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
top:161px;
}

.singlebox4_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
top:161px;
left:483px;
}

.singlebox5_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
top:322px;
}

.singlebox6_home {
width:156px; height:156px;
position: absolute;
background:#e2001a;
top:322px;
left:483px;
}


.singlebox1 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
}
.singlebox2 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
left:322px;
}
.singlebox3 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
left:644px;
}
.singlebox4 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
top:161px;
}
.singlebox5 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
left:322px;
top:161px;
}
.singlebox6 {
width:156px; height:156px;
position: absolute;
background:#e2001a;
left:644px;
top:161px;
}


.titlebox {
background:#e2001a;
width:317px; height:156px;
position:absolute;
color:white;
}

.titlebox h1, .titlebox_empty h1 {
color:white;
font-size:1.7em;
text-transform:uppercase;
line-height:1.2em;
}

.titlebox .content, .titlebox_empty {
width:300px;
padding:25px 13px 25px 13px;
font-size:0.7em;
}


.titlebox_home {
background:#e2001a;
width:478px; height:156px;
position:absolute;
color:white;
}

.titlebox_home h1, .titlebox_home_empty h1 {
color:white;
font-size:1.7em;
text-transform:uppercase;
line-height:1.2em;
}

.titlebox_home .content, .titlebox_home_empty {
width:459px;
padding:25px 13px 25px 13px;
font-size:0.7em;
}



#showCaption, #showCaption h1 {
color:white;
font-size:1.9em;
text-transform:uppercase;
font-weight:bold;
line-height:1.2em;}


.titlebox_home_empty_pos1 {
width:459px; height:105px;
position: absolute;
cursor:pointer;
}
.titlebox_home_empty_pos2 {
width:459px; height:105px;
position: absolute;
}
.titlebox_home_empty_pos3 {
width:459px; height:105px;
position: absolute;
}
.titlebox_home_empty_pos4 {
width:459px; height:105px;
position: absolute;
}
.titlebox_home_empty_pos5 {
width:459px; height:105px;
position: absolute;
}
.titlebox_home_empty_pos6 {
width:459px; height:105px;
position: absolute;
}


.titlebox_empty_pos1 {
width:294px; height:105px;
position: absolute;

}

.titlebox_home_show_pos1 {
cursor:pointer;
}
.titlebox_home_show_pos2 {
cursor:pointer;
}
.titlebox_home_show_pos3 {
cursor:pointer;
}
.titlebox_home_show_pos4 {
cursor:pointer;
}
.titlebox_home_show_pos5 {
cursor:pointer;
}
.titlebox_home_show_pos6 {
cursor:pointer;
}

.titlebox_show_pos1 {
cursor:pointer;
}
.titlebox_show_pos2 {
cursor:pointer;
}
.titlebox_show_pos3 {
cursor:pointer;
}
.titlebox_show_pos4 {
cursor:pointer;
}
.titlebox_show_pos5 {
cursor:pointer;
}
.titlebox_show_pos6 {
cursor:pointer;
}

.titlebox_empty_pos2 {
width:294px; height:105px;
position: absolute;
}

.titlebox_empty_pos3 {
width:294px; height:105px;
position: absolute;
}

.titlebox_empty_pos4 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos5 {
width:292px; height:105px;
position: absolute;
}

.titlebox_empty_pos6 {
width:292px; height:105px;
position: absolute;
}




.pos1_home {
}
.pos2_home {
left:483px;
}
.pos3_home {
top:161px;
}
.pos4_home {
left:483px;
top:161px;
}
.pos5_home {
top:322px;
}
.pos6_home {
left:483px;
top:322px;
}


.pos1 {
}

.pos2 {
left:322px;
}
.pos3 {
left:644px;
}
.pos4 {
top:161px;
}
.pos5 {
top:161px;
left:322px;
}
.pos6 {
top:161px;
left:644px;
}

.clickable {
cursor:pointer;
}

.grid {
width:961px; height:317px;
background:url(../images/bg/grid.png);
position:absolute;
}


/* GLOBAL OBJECTS | End   */



/* STACKING ORDERS | Start */
.z10 {
z-index:10;
}
.z15 {
z-index:15;
}
.z20 {
z-index:20;
}
.z25 {
z-index:25;
}
.z30 {
z-index:30;
}
.z35 {
z-index:35;
}
/* STACKING ORDER | End   */


/* Home | Start */



/* Solutions | Start */
.solutions .bg {
width:961px; height:317px;
position:absolute;
background: url(../images/showcase/solutions/bg.png) no-repeat;
}

.cordcoin {
width:62px; height:364px;
position:absolute;
background: url(../images/showcase/solutions/anim_1.gif) no-repeat;
top:-60px; left:400px;
}

.stackcoin {
width:80px; height:1314px;
position:absolute;
background: url(../images/showcase/solutions/anim_2.gif) no-repeat;
top:180px; left:489px;
}
/* Solutions | End */


/* Contact | Start */
.contact .bg {
width:961px; height:317px;
position:absolute;
background: url(../images/showcase/contact/bg.png) no-repeat;
}

.q {
width:176px; height:317px;
position:absolute;
background: url(../images/showcase/contact/anim_1.gif) no-repeat;
top:0px; left:323px;
}

/* Contact | End   */



/* Career | Start */
.career .bg {
width:961px; height:317px;
position:absolute;
background: url(../images/showcase/career/bg.png) no-repeat;
}

.sun {
width:274px; height:200px;
position:absolute;
background: url(../images/showcase/career/anim_1.gif) no-repeat;
top:-30px; left:500px;
}

.manlady {
width:130px; height:122px;
position:absolute;
background: url(../images/showcase/career/anim_2.gif) no-repeat;
top:185px; left:660px;
}

/* Career | End */




/* Diff | Start */
.diff .bg {
width:961px; height:317px;
position:absolute;
background: url(../images/showcase/diff/bg.png) no-repeat;
}

.ear {
width:107px; height:145px;
position:absolute;
background: url(../images/showcase/diff/anim_1.gif) no-repeat;
top:2px; left:513px;
}

.mouth_1 {
width:78px; height:45px;
position:absolute;
background: url(../images/showcase/diff/anim_2.gif) no-repeat;
top:263px; left:134px;
}

.mouth_2 {
width:78px; height:45px;
position:absolute;
background: url(../images/showcase/diff/anim_3.gif) no-repeat;
top:263px; left:505px;
}

.mouth_3 {
width:78px; height:45px;
position:absolute;
background: url(../images/showcase/diff/anim_4.gif) no-repeat;
top:218px; left:762px;
}
/* Diff | End   */



/* News | Start */
.news .bg {
width:961px; height:317px;
position:absolute;
background:url(../images/showcase/news/bg.jpg) no-repeat;
}

.mandocs {
width:390px; height:385px;
position:absolute;
background:url(../images/showcase/press_02_man-docs.png) no-repeat;
top:15px; left:415px;
}

.stackmandoc {
width:390px; height:385px;
position:absolute;
background: url(../images/showcase/news/stack-docs-man.png) no-repeat;
top:15px; left:395px;
}

.paperedge_left {
width:25px; height:28px;
position:absolute;
background: url(../images/showcase/news/anim_curve_1.gif) no-repeat;
top:294px; left:408px;
}

.paperedge_right {
width:28px; height:315px;
position:absolute;
background: url(../images/showcase/news/anim_curve_2.gif) no-repeat;
top:213px; left:671px;
}

.fallingdoc {
width:150px; height:400px;
position:absolute;
background: url(../images/showcase/news/anim_1.gif) no-repeat;
top:0px; left:257px;
}

.fallingdoc_2 {
width:150px; height:70px;
position:absolute;
background: url(../images/showcase/news/anim_2.gif) no-repeat;
top:330px; left:810px;
}
/* News | End   */



/* About | Start */
.about .bg {
width:961px; height:317px;
position:absolute;
background: url(../images/showcase/about/bg.png) no-repeat;
}

.kiter {
width:58px; height:67px;
position:absolute;
background: url(../images/showcase/about/anim_1.gif) no-repeat;
top:247px; left:185px;
}

.kiteribon {
width:138px; height:52px;
position:absolute;
background: url(../images/showcase/about/anim_2.gif) no-repeat;
top:146px; left:731px;
}
/* About | End   */



/* Home | Start */
.home .bg {
width:961px; height:475px;
position:absolute;
background: url(../images/showcase/home/bg.jpg) no-repeat;
}



.bg_about {
background:#e2001a url(../images/bg/titlebox_about.png) right bottom no-repeat;
}
.bg_solutions {
background:#e2001a url(../images/bg/titlebox_solutions.png) right bottom no-repeat;
}
.bg_whyus {
background:#e2001a url(../images/bg/titlebox_whyus.png) right bottom no-repeat;
}
.bg_news {
background:#e2001a url(../images/bg/titlebox_news.png) right bottom no-repeat;
}
.bg_career {
background:#e2001a url(../images/bg/titlebox_career.png) right bottom no-repeat;
}
.bg_contact {
background:#e2001a url(../images/bg/titlebox_contact.png) right bottom no-repeat;
}



